//编写路由文件router.js

import Vue from 'vue'
// 导入路由插件
import Router from 'vue-router'

// 导入单文件组件
import Child1 from '../components/Child1.vue'
import Child2 from '../components/Child2.vue'
// 使用Element-ui 插件
import Button from '../components/Button.vue'


// 1. 在vue中使用路由插件
Vue.use(Router);

// 2. 定义路由规则
export default new Router({
    routes: [
        // {
        //     path: '路径',
        //     component: 组件
        // },
        {
            path: '/',
            component: Child1
        },
        {
            path: '/child2',
            component: Child2
        },
        // Element-ui 插件路由规则
        {
            path: '/button',
            component: Button
        }
    ]
})
